{% extends 'base.html' %}
{% block head %}
	<link href="{{ path }}js/plugins/datatables/DT_bootstrap.css" rel="stylesheet">
	<link href="{{ path }}js/plugins/responsive-tables/responsive-tables.css" rel="stylesheet"> 
    
    <script src="{{ path }}js/demos/demo.tables.js"></script>
    <script src="{{ path }}js/plugins/datatables/jquery.dataTables.js"></script>
    <script src="{{ path }}js/plugins/datatables/DT_bootstrap.js"></script>
	<script src="{{ path }}js/plugins/responsive-tables/responsive-tables.js"></script>
    <script src="{{ path }}js/jquery.numeric.js"></script>
{% endblock %}
	

{% block javascript %}
	var opcion=0;

	function guardarOk(texto){
    	opcion = texto;
        return false;
    }

{% endblock %}


{% block jquery %}	
	   
    $( '#frm_borrar' ).submit(function() {   
    		if($('input:checked').length < 1){
                alert("Debe seleccionar al menos un usuario.");
                return false;
            }
            else{
            	if(confirm("¿Está seguro de eliminar el usuario?")){
                	return true;
                }
                {
                	return false;
                }
            }
    });
    
	$( '#form-usuarios' ).submit(function() {
        perfil = $('#perfil').attr('value');
        
    	if($('#usuario-nombre').attr('value') != ""){
        	if($('#usuario-contrasena').attr('value') == $('#usuario-confirma').attr('value')){
                if(perfil>0){
                    usuario = $('#usuario-usuario').attr('value');
                    nombres = $('#usuario-nombres').attr('value');
                    apellidos = $('#usuario-apellidos').attr('value');
                    $.ajax({
                        url: "/configuracion/usuarios/verificarUsuario/",
                        type: "POST",
                        data : {
                                usuario:usuario, 
                                nombres:nombres, 
                                apellidos:apellidos, 
                                csrfmiddlewaretoken : $('#csrf_token >div >input').attr("value")
                                 },
                        dataType: "html",
                        success: function(datos) {                      
                            if(datos=="2"){
                               alert("Ya existe un registro con este nombre de usuario en el sistema.");
                               opcion = "0";
                               guardarOk(opcion);
                            }
                            else{
                               opcion = "1";
                               guardarOk(opcion);
                            }
                        }
                    });
                    
                    if(opcion == "1"){
                        return true;
                    }
                    else{
                        return false;
                    }
                }
                else{
                    alert("Debe seleccionar un perfil");
                    return false;
                }
            	
            }
            else{
                alert("Las contraseñas no coinciden.");
                return false;
            }
		}
    });
    
    
    $( $(".acc_usuario[id^='user']") ).click(function() {
			usuario_id = $(this).attr('value');
            registrarUsuario(usuario_id);
		});

        function registrarUsuario(usuario_id){
            $.ajax({
                url: "/configuracion/usuarios/registrarUsuario/",
                type: "POST",
                data : {usuario_id:usuario_id,
                        csrfmiddlewaretoken : $('#csrf_token >div >input').attr("value")
                         },
                dataType: "html",
                success: function(datos) {
                    $('#nuevo-usuario').html(datos);
                }
            });
        }
        
        $("#btn-nuevo").click(function() {
            registrarUsuario(0);
        });
{% endblock %}

{% block ruta %}

{% endblock %}


{% block contenido %}
	{{ request.session.control }}
    	
    	<div class="span12">	
            <div class="widget">
                <div class="widget widget-table">                            
                    <div class="widget-header">						
                        <h3>
                            <i class="icon-th-list"></i>
                            Usuarios
                        </h3>
                    </div> <!-- /widget-header -->
                    <form id="frm_borrar" action="/configuracion/usuarios/borrar/" method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    <div class="widget-content">
                    
                        <table class="table table-striped table-bordered table-highlight" width="100%" id="example">
                            <thead>
                            <tr>
                                <th width="5%"></th>
                                <th width="15%" align="center">C.C.</th>
                                <th width="15%" align="center">Nombres</th>
                                <th width="15%" align="center">Apellidos</th>
                                <th width="15%" align="center">Teléfono</th>
                                <th width="15%" align="center">Email</th>
                                <th width="15%" align="center">Usuario</th>
                                <th width="5%" align="center">Editar</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for usuario in Usuarios %}
                                <tr class="{% cycle '' 'odd' %}">
                                    <td><input type="checkbox" id="chk_{{usuario.usuario_id}}" name="chk_{{usuario.usuario_id}}" value="true"/></td>
                                    <td align="right"><label>{{ usuario.identificacion|default_if_none:"" }}</label></td>
                                    <td align="left"><label>{{ usuario.usuario.first_name|default_if_none:"" }}</label></td>
                                    <td align="left"><label>{{ usuario.usuario.last_name|default_if_none:"" }}</label></td>
                                    <td align="center"><label>{{ usuario.telefono|default_if_none:"" }}</label></td>
                                    <td align="center"><label>{{ usuario.usuario.email }}</label></td>
                                    <td align="center"><label>{{ usuario.usuario.username }}</label></td>
                                    <td class="table_center" ><a href="#myModal" id="user_{{ usuario.usuario_id }}" value="{{ usuario.usuario_id }}" data-toggle="modal" class="acc_usuario"><img src="{{ path }}images/24x24/edit.png" /></a></td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div> <!-- /. widget-content -->
                    <div class="modal-footer">
                    	<button type="submit" id="btn_eliminar" class="btn btn-medium">Eliminar</button>
                        <a id="btn-nuevo" href="#myModal" data-toggle="modal" class="btn btn-primary btn-medium">Nuevo usuario</a>
                    </div>
                    </form>
                </div> <!-- /. widget-table -->
            </div> <!-- /. widget -->
        </div> <!-- /. span12 -->
        
        <div class="modal fade hide" id="myModal">
            <form id="form-usuarios" class="form-horizontal" action="/configuracion/usuarios/guardar/" method="post" enctype="multipart/form-data">
            	{% csrf_token %}
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h3>Nuevo usuario</h3>
                    </div>
                                  
                    <div id="nuevo-usuario" class="widget-content">
                    
                    

                        
                    </div>
                    <div class="modal-footer">
                        <a href="#" class="btn btn-medium" data-dismiss="modal">Cerrar</a>
                        <button type="submit" id="btn_guardar" class="btn btn-primary btn-medium">Guardar usuario</button>
                    </div>
            </form>
        </div>
{% endblock %}